<!--主要内容区域-->
<template>
  <!-- 二级路由入口 -->
  <div id="layout-content">
    <router-view />
  </div>
</template>

<script setup>
import {onMounted} from "vue";

onMounted(()=>{
  console.log('layout-content')
})
</script>

<style scoped lang="less">
#layout-content{
  width: 100%;
  height: 100%;
  border: 1px solid var(--layout-content-border-color, #dddddd);
  overflow: scroll;
  padding: 20px;
}

:root[theme-mode='dark'] #layout-content {
  --layout-content-border-color: #3e3e3e;
}
:root[theme-mode='light'] #layout-content {
  --layout-content-border-color: #dddddd;
}
</style>